<!DOCTYPE html>
<html lang="zxx" xmlns:th="http://www.thymeleaf.org">
<head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>首页</title>
    <meta name="robots" content="noindex, follow"/>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>
    <link rel="stylesheet" href="css/vendor/vendor.min.css">
    <link rel="stylesheet" href="css/plugins/plugins.min.css">
    <!-- Style CSS -->
    <!-- <link rel="stylesheet" href="css/style.css"> -->
    <link rel="stylesheet" href="css/style.min.css">
    <script src="js/jquery-3.4.1.js"></script>
    <script src="js/index.js"></script>

</head>

<body>
<!--insert插入模板会替换div中的数据,include包含模板会替换标签所在的div-->
<div th:include="~{header :: head}"></div>
<div class="main-wrapper">
    <!-- Begin Slider Area -->
    <div class="slider-area">
        <!-- Main Slider -->
        <div class="swiper-container main-slider-2 swiper-arrow with-bg_white">
            <div class="swiper-wrapper">
                <div class="swiper-slide animation-style-01">
                    <div class="slide-inner bg-height" data-bg-image="images/slider/bg/2-1.jpg">
                        <div class="container">
                            <div class="slide-content">
                                <h2 class="title font-weight-bold mb-4">新鲜有机物 <br> 商品</h2>
                                <p class="short-desc different-width mb-9">为您的生活提供100%天然健康食品</p>
                                <div class="button-wrap">
                                    <a class="btn btn-custom-size lg-size btn-primary btn-white-hover rounded-0"
                                       href="#newGoods">立即购买</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide animation-style-01">
                    <div class="slide-inner bg-height" data-bg-image="images/slider/bg/2-2.jpg">
                        <div class="container">
                            <div class="slide-content">
                                <h2 class="title font-weight-bold mb-4">新鲜有机物 <br> 商品</h2>
                                <p class="short-desc different-width mb-9">为您的生活提供100%天然健康食品</p>
                                <div class="button-wrap">
                                    <a class="btn btn-custom-size lg-size btn-primary btn-white-hover rounded-0"
                                       href="#newGoods">立即购买</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination with-bg d-md-none"></div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>

    </div>
    <!-- Slider Area End Here -->

    <!-- Begin Banner With Category -->
    <div class="banner-with-category">
        <div class="product-category-area section-space-top-100">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title text-center pb-55">
                            <span class="sub-title text-primary">浏览我们最新商品</span>
                            <h2 class="title mb-0">分类购物</h2>
                        </div>
                        <div class="product-category-item">
                            <ul>
                                <li>
                                    <a href="shop.html">
                                        <img src="images/banner/category-icon/1.png" alt="商品详情">
                                        所有科目
                                    </a>
                                </li>
                                <li>
                                    <a href="shop.html">
                                        <img src="images/banner/category-icon/2.png" alt="商品详情">
                                        新鲜水果
                                    </a>
                                </li>
                                <li>
                                    <a href="shop.html">
                                        <img src="images/banner/category-icon/3.png" alt="商品详情">
                                        有机蔬菜
                                    </a>
                                </li>
                                <li>
                                    <a href="shop.html">
                                        <img src="images/banner/category-icon/4.png" alt="商品详情">
                                        鱼 & 肉
                                    </a>
                                </li>
                                <li>
                                    <a href="shop.html">
                                        <img src="images/banner/category-icon/5.png" alt="商品详情">
                                        小麦
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="banner-area section-space-top-95">
            <div class="container">
                <div class="section-title text-center pb-55">
                    <span class="sub-title text-primary">看看我们最新的</span>
                    <h2 class="title mb-0">到货产品</h2>
                </div>
                <div class="row" id="goodsItem">

                </div>
            </div>
        </div>
    </div>
    <!-- Banner With Category End Here -->

    <!-- Begin Product Area -->
    <div class="product-area product-style-2 section-space-y-axis-100" id="newGoods">
        <div class="container">
            <div class="section-title text-center pb-55">
                <span class="sub-title text-primary">See Our Latest</span>
                <h2 class="title mb-0">有机产品</h2>
            </div>
            <div class="row" id="row">

            </div>
        </div>
    </div>
    <!-- Product Area End Here -->

    <!-- Begin Banner Area -->
    <div class="banner-area banner-style-2 section-space-y-axis-100" data-bg-image="images/banner/3-1-1920x582.jpg">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="banner-content">
                        <div class="section-title">
                            <span class="sub-title text-primary">Special Sale</span>
                            <h2 class="title font-size-60 mb-7">限时秒杀</h2>
                        </div>
                        <div class="price-box pb-6">
                            <span class="old-price text-danger">$20.00</span>
                            <span class="new-price text-primary">-$30.00</span>
                        </div>
                        <div class="countdown-wrap with-dark-border">
                            <div class="countdown item-4" data-countdown="2022/01/01" data-format="short">
                                <div class="countdown__item me-3">
                                    <span class="countdown__time daysLeft"></span>
                                    <span class="countdown__text daysText"></span>
                                </div>
                                <div class="countdown__item me-3">
                                    <span class="countdown__time hoursLeft"></span>
                                    <span class="countdown__text hoursText"></span>
                                </div>
                                <div class="countdown__item me-3">
                                    <span class="countdown__time minsLeft"></span>
                                    <span class="countdown__text minsText"></span>
                                </div>
                                <div class="countdown__item">
                                    <span class="countdown__time secsLeft"></span>
                                    <span class="countdown__text secsText"></span>
                                </div>
                            </div>
                        </div>
                        <div class="button-wrap pt-10">
                            <a class="btn btn-custom-size lg-size btn-primary btn-dark-hover rounded-0"
                               href="dispatcher?url=shop.html">立即购买</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Banner Area End Here -->

    <!-- Begin Shipping Area -->
    <div class="shipping-area section-space-top-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="shipping-item">
                        <div class="shipping-img">
                            <img src="images/shipping/icon/plane.png" alt="Shipping Icon">
                        </div>
                        <div class="shipping-content">
                            <h5 class="title">急速配送</h5>
                            <p class="short-desc mb-0">多元化配送让商品尽快送达您手里</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 pt-6 pt-md-0">
                    <div class="shipping-item">
                        <div class="shipping-img">
                            <img src="images/shipping/icon/earphones.png" alt="Shipping Icon">
                        </div>
                        <div class="shipping-content">
                            <h5 class="title">在线服务</h5>
                            <p class="short-desc mb-0">24/7 提供全天候在线支持</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 pt-6 pt-lg-0">
                    <div class="shipping-item">
                        <div class="shipping-img">
                            <img src="images/shipping/icon/shield.png" alt="Shipping Icon">
                        </div>
                        <div class="shipping-content">
                            <h5 class="title">安全支付</h5>
                            <p class="short-desc mb-0">完全安全的支付系统</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Shipping Area End Here -->
    <br><br>


    <!-- Begin Brand Area -->
    <div class="brand-area section-space-y-axis-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="swiper-container brand-slider">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a class="brand-item" href="javascript:void(0)">
                                    <img src="images/brand/1-1.png" alt="Brand Image">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a class="brand-item" href="javascript:void(0)">
                                    <img src="images/brand/1-2.png" alt="Brand Image">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a class="brand-item" href="javascript:void(0)">
                                    <img src="images/brand/1-3.png" alt="Brand Image">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a class="brand-item" href="javascript:void(0)">
                                    <img src="images/brand/1-4.png" alt="Brand Image">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a class="brand-item" href="javascript:void(0)">
                                    <img src="images/brand/1-5.png" alt="Brand Image">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Brand Area End Here -->
    <!-- Begin Footer Area -->
    <div th:insert="~{footer :: foot}"></div>
    <!-- Footer Area End Here -->
    <a class="scroll-to-top" href="">
        <i class="fa fa-chevron-up"></i>
    </a>
</div>

<!-- Global Vendor, plugins JS -->

<!-- JS Files
============================================ -->
<!-- Global Vendor, plugins JS -->

<!-- Vendor JS -->
<!-- <script src="js/vendor/bootstrap.bundle.min.js"></script> -->
<!-- <script src="js/vendor/jquery-3.5.1.min.js"></script> -->
<!-- <script src="js/vendor/jquery-migrate-3.3.0.min.js"></script> -->
<!-- <script src="js/vendor/modernizr-3.11.2.min.js"></script> -->
<!-- <script src="js/vendor/jquery.waypoints.js"></script> -->

<!--Plugins JS-->
<!-- <script src="js/plugins/wow.min.js"></script> -->
<!-- <script src="js/plugins/jquery-ui.min.js"></script> -->
<!-- <script src="js/plugins/swiper-bundle.min.js"></script> -->
<!-- <script src="js/plugins/jquery.nice-select.js"></script> -->
<!-- <script src="js/plugins/parallax.min.js"></script> -->
<!-- <script src="js/plugins/jquery.magnific-popup.min.js"></script> -->

<!-- Minify Version -->
<script src="js/vendor.min.js"></script>
<script src="js/plugins.min.js"></script>

<!--Main JS (Common Activation Codes)-->
<!-- <script src="js/main.js"></script> -->
<script src="js/main.min.js"></script>

</body>

</html>